<script>

$(function(){$(".sort").tablesorter({widgets: ['zebra']});});

</script>

<style>
a{color: #424242;}
</style>

<div class="ui-corner-all" style="position: absolute; opacity: 0.8; display: none; left: 80%; margin-top: 39px; width: 32px; background: #DFDFDF;">
	<div onclick="moveUp('admdiv');" class="ui-corner-top" style="padding-top: 5px; padding-bottom: 3px; background: #CFCFCF">
		<img src="public/images/actions/up.png" />
	</div>
	<div onclick="moveDown('admdiv');" class="ui-corner-bottom" style="background: #CFCFCF; margin-top: 294px; padding-top: 7px;">
		<img src="public/images/actions/down.png" />
	</div>
</div>

<div id="admdiv" style="margin-bottom: 20px;">
	
	<div style="width: 600px; font-size: 22px; margin: 0 auto;  margin-top: 8px;">
		Configura&ccedil;&otilde;es do Sistema
	</div>
	<hr style="margin-top: 5px;" />
	<?php echo $this->render("admin/relatorio/index.phtml"); ?>
	<?php echo $this->render("admin/parametro/index.phtml"); ?>
	<?php echo $this->render("admin/categoria/index.phtml"); ?>
	<?php echo $this->render("admin/usuario/index.phtml"); ?>
	<?php echo $this->render("admin/produto/index.phtml"); ?>
	<table id="menu_adm" cellspacing="1" cellpadding="5" style="font-size: 15px; width: 600px; margin-top: 25px; margin-bottom: 30px; text-align: center; " align="center">
		<tbody>
			<tr>
				<td align="center">
					<div class="button ui-corner-all"
					style="font-size: 12px; padding-top: 20px; text-align: center; width: 90px; 
					height: 70px; margin: 5px;">
						<a onclick="$('#menu_adm').hide();$('#usuarios').fadeIn();">
						<div id="" 
						style="height: 50px; text-align: center; 
						font-weight: bold;">
						<img src="public/images/actions/user.png" />
						<br />
						<font style="font-family: arial; color: #333333;">Usu&aacute;rios</font>
						</div>
						</a>
					</div>
				</td>
				<td align="center">
					<div class="button ui-corner-all"
					style="font-size: 12px; padding-top: 20px; text-align: center; width: 90px; 
					height: 70px; margin: 5px;">
						<a onclick="$('#menu_adm').hide();$('#categorias').fadeIn();">
						<div id="" 
						style="height: 50px; text-align: center; 
						font-weight: bold;">
						<img src="public/images/actions/prod.png" />
						<br />
						<font style="font-family: arial; color: #333333;">Categorias</font>
						</div>
						</a>
					</div>
				</td>
				<td align="center">
					<div class="button ui-corner-all"
					style="font-size: 12px; padding-top: 20px; text-align: center; width: 90px; 
					height: 70px; margin: 5px;">
						<a onclick="$('#menu_adm').hide();$('#produtos').fadeIn();">
						<div id="" 
						style="height: 50px; text-align: center; 
						font-weight: bold;">
						<img src="public/images/actions/share.png" />
						<br />
						<font style="font-family: arial; color: #333333;">Produtos</font>
						</div>
						</a>
					</div>
				</td>
			</tr>
			<tr>
				<td align="center">
					<div class="button ui-corner-all"
					style="font-size: 12px; padding-top: 20px; text-align: center; width: 90px; 
					height: 70px; margin: 5px;">
						<a onclick="$('#menu_adm').hide();$('#par').fadeIn();">
						<div id="" 
						style="height: 50px; text-align: center; 
						font-weight: bold;">
						<img src="public/images/actions/home.png" />
						<br />
						<font style="font-family: arial; color: #333333;">Par&acirc;metros</font>
						</div>
						</a>
					</div>
				</td>
				<td align="center">
					<div class="button ui-corner-all"
					style="font-size: 12px; padding-top: 20px; text-align: center; width: 90px; 
					height: 70px; margin: 5px;">
						<a onclick="$('#menu_adm').hide();$('#relatorio').fadeIn();">
						<div id="" 
						style="height: 50px; text-align: center; 
						font-weight: bold;">
						<img src="public/images/actions/rel.png" />
						<br />
						<font style="font-family: arial; color: #333333;">Relat&oacute;rio</font>
						</div>
						</a>
					</div>
	
				</td>
				<td align="center">
					<div class="button ui-corner-all"
					style="font-size: 12px; padding-top: 21px; text-align: center; width: 90px; 
					height: 70px; margin: 5px;">
						<a onclick="$('.excl_it').click()">
						<div id="" 
						style="height: 50px; text-align: center; 
						font-weight: bold;">
						<img src="public/images/actions/delete.png" />
						<br />
						<font style="font-family: arial; color: #333333;">Excluir Itens</font>
						</div>
						</a>
					</div>
				</td>
			</tr>
		</tbody>
	</table>
</div>